<html lang="zh-CN">
  <head lang="en">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>购票</title>
    <link rel="stylesheet" href="js/jquery/jquery.mobile-1.4.5.min.css"/>

    <link href="css/buy%20ticket.css" rel="stylesheet">
    <link href="css/mine.css" rel="stylesheet">

  </head>
  <body>       
        <div data-role="page" id="buyticket" >
             <div data-role="none" class="buyticket_head">
             </div>
             <div data-role="none">
                 <a data-role="none" >
                    <img class="buyticket_img" src="img/%E5%A4%B4%E5%83%8F.png" width="75" >
                 </a>
               <h3 class="buyticket_nanjing">南京</h3>
             </div>
             <div class="buyticket_xuanze">
                 <table border="0" class="buyticket_table">
                     <tr>
                         <td class="buyticket_font">起始站：</td>
                         <td>
                             <form class="buyticket_form">
                                 <select class="buyticket_select1" data-role="none">
                                   <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                   <option value="一号线">一号线</option>
                                   <option value="二号线">二号线</option>
                                   <option value="三号线">三号线</option>
                                 </select>
                            </form>
                         </td>
                     </tr>
                     <tr>
                         <td></td>
                         <td>
                              <form class="buyticket_form">
                               <select class="buyticket_select1" data-role="none">
                                 <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                 <option value="浮桥站">浮桥站</option>
                                 <option value="新街口站">新街口站</option>
                                 <option value="大行宫站">大行宫站</option>
                               </select>
                              </form>
                         </td>
                     </tr>
                 </table>
             </div>
             
             <div>
                 <table border="0" class="buyticket_table">
                     <tr>
                         <td class="buyticket_font">终点站：</td>
                         <td>
                             <form class="buyticket_form">
                                 <select class="buyticket_select1" data-role="none">
                                   <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                   <option value="一号线">一号线</option>
                                   <option value="二号线">二号线</option>
                                   <option value="三号线">三号线</option>
                                 </select>
                            </form>
                         </td>
                     </tr>
                     <tr>
                         <td></td>
                         <td>
                              <form class="buyticket_form">
                               <select class="buyticket_select1" data-role="none">
                                 <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                 <option value="浮桥站">浮桥站</option>
                                 <option value="新街口站">新街口站</option>
                                 <option value="大行宫站">大行宫站</option>
                               </select>
                              </form>
                         </td>
                     </tr>
                 </table>
             </div>
             
             <div>
                 <table border="0" class="buyticket_table">
                     <tr>
                         <td class="buyticket_font">购买张数：</td>
                         <td>
                             <form class="buyticket_form">
                                 <select class="buyticket_select2" data-role="none">
                                   <option value="">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
                                   <option value="1">1</option>
                                   <option value="2">2</option>
                                   <option value="3">3</option>
                                 </select>
                            </form>
                         </td>
                     </tr>
                 </table>
             </div>
            

            <div>
               <a class="buyticket_button"  href="resure.html" >确认购买</a>
            </div> 
         <div data-role="footer" data-position="fixed" style="background:#313131;">
             <a data-role="none" class="mine_button_footer" href="next.php"><img src="img/house14.png"></a>
             <a data-role="none" class="mine_button_footer" href="buy%20ticket.html"><img src="img/tickets1.png"></a>
             <a data-role="none" class="mine_button_footer" href="mine.php"><img src="img/users.png"></a>
         </div>
      </div>
       <script src="js/jquery/jquery-1.12.0.min.js"></script>
    <script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>
  </body>
</html>